<template>
  <div>
    <!-- 同步卡 -->
    <el-form
      :inline="true"
      :model="elform"
      class="demo-form-inline1"
      v-if="activeName == 'first' ? true : false"
    >
      <el-form-item class="searchmarigin">
        <el-button type="primary" @click="onSubmit" size="mini" icon="el-icon-search">查询</el-button>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" @click="onExport" size="mini" icon="el-icon-document-copy">导出</el-button>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" @click="onPrint" size="mini" icon="el-icon-printer">打印</el-button>
      </el-form-item>
      <el-form-item>
        <el-popover width="500" placement="top" trigger="click">
          <el-row>
            <el-checkbox
              style="width: 20%"
              :label="formThead.cardNumber.label"
              v-model="formThead.cardNumber.checked"
              @change="checkboxChanged()"
            ></el-checkbox>
            <el-checkbox
              style="width: 20%"
              :label="formThead.userName.label"
              v-model="formThead.userName.checked"
              @change="checkboxChanged()"
            ></el-checkbox>
            <el-checkbox
              style="width: 20%"
              :label="formThead.departmentName.label"
              v-model="formThead.departmentName.checked"
              @change="checkboxChanged()"
            ></el-checkbox>
          </el-row>
          <el-row>
            <el-checkbox
              style="width: 20%"
              :label="formThead.oldBalance.label"
              v-model="formThead.oldBalance.checked"
              @change="checkboxChanged()"
            ></el-checkbox>
            <el-checkbox
              style="width: 20%"
              :label="formThead.newBalance.label"
              v-model="formThead.newBalance.checked"
              @change="checkboxChanged()"
            ></el-checkbox>
            <el-checkbox
              style="width: 20%"
              :label="formThead.syncTime.label"
              v-model="formThead.syncTime.checked"
              @change="checkboxChanged()"
            ></el-checkbox>
          </el-row>
          <el-button slot="reference" size="mini" type="primary" icon="el-icon-edit-outline">自定义</el-button>
        </el-popover>
      </el-form-item>
    </el-form>
    <!-- 发卡明细报表 -->
    <el-form
      :inline="true"
      :model="elform"
      class="demo-form-inline1"
      v-if="activeName == 'second' ? true : false"
    >
      <el-form-item class="searchmarigin">
        <el-button type="primary" @click="onSubmit" size="mini" icon="el-icon-search">查询</el-button>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" @click="onExport" size="mini" icon="el-icon-document-copy">导出</el-button>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" @click="onPrint" size="mini" icon="el-icon-printer">打印</el-button>
      </el-form-item>
      <el-form-item>
        <el-popover width="500" placement="top" trigger="click">
          <el-row>
            <el-checkbox
              style="width: 20%"
              :label="formThead2.cardNumber.label"
              v-model="formThead2.cardNumber.checked"
              @change="checkboxChanged2()"
            ></el-checkbox>
            <el-checkbox
              style="width: 20%"
              :label="formThead2.userName.label"
              v-model="formThead2.userName.checked"
              @change="checkboxChanged2()"
            ></el-checkbox>
            <el-checkbox
              style="width: 20%"
              :label="formThead2.departmentName.label"
              v-model="formThead2.departmentName.checked"
              @change="checkboxChanged2()"
            ></el-checkbox>
          </el-row>
          <el-row>
            <el-checkbox
              style="width: 20%"
              :label="formThead2.userNumber.label"
              v-model="formThead2.userNumber.checked"
              @change="checkboxChanged2()"
            ></el-checkbox>
            <el-checkbox
              style="width: 20%"
              :label="formThead2.createTime.label"
              v-model="formThead2.createTime.checked"
              @change="checkboxChanged2()"
            ></el-checkbox>
            <el-checkbox
              style="width: 20%"
              :label="formThead2.regType.label"
              v-model="formThead2.regType.checked"
              @change="checkboxChanged2()"
            ></el-checkbox>
          </el-row>
          <el-row>
            <!-- <el-checkbox
              style="width: 20%"
              :label="formThead2.cardState.label"
              v-model="formThead2.cardState.checked"
              @change="checkboxChanged2()"
            ></el-checkbox>-->
            <el-checkbox
              style="width: 20%"
              :label="formThead2.cardBalance.label"
              v-model="formThead2.cardBalance.checked"
              @change="checkboxChanged2()"
            ></el-checkbox>
            <el-checkbox
              style="width: 20%"
              :label="formThead2.operatorName.label"
              v-model="formThead2.operatorName.checked"
              @change="checkboxChanged2()"
            ></el-checkbox>
          </el-row>
          <el-button slot="reference" size="mini" type="primary" icon="el-icon-edit-outline">自定义</el-button>
        </el-popover>
      </el-form-item>
    </el-form>
    <!-- 补卡明细报表 -->
    <el-form
      :inline="true"
      :model="elform"
      class="demo-form-inline1"
      v-if="activeName == 'third' ? true : false"
    >
      <el-form-item class="searchmarigin">
        <el-button type="primary" @click="onSubmit" size="mini" icon="el-icon-search">查询</el-button>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" @click="onExport" size="mini" icon="el-icon-document-copy">导出</el-button>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" @click="onPrint" size="mini" icon="el-icon-printer">打印</el-button>
      </el-form-item>
      <el-form-item>
        <el-popover width="500" placement="top" trigger="click">
          <el-row>
            <el-checkbox
              style="width: 10%"
              :label="formThead3.userName.label"
              v-model="formThead3.userName.checked"
              @change="checkboxChanged3()"
            ></el-checkbox>
            <el-checkbox
              style="width: 10%"
              :label="formThead3.departmentName.label"
              v-model="formThead3.departmentName.checked"
              @change="checkboxChanged3()"
            ></el-checkbox>
            <el-checkbox
              style="width: 10%"
              :label="formThead3.userNumber.label"
              v-model="formThead3.userNumber.checked"
              @change="checkboxChanged3()"
            ></el-checkbox>
            <el-checkbox
              style="width: 10%"
              :label="formThead3.oldCardNumber.label"
              v-model="formThead3.oldCardNumber.checked"
              @change="checkboxChanged3()"
            ></el-checkbox>
          </el-row>
          <el-row>
            <el-checkbox
              style="width: 10%"
              :label="formThead3.newCardNumber.label"
              v-model="formThead3.newCardNumber.checked"
              @change="checkboxChanged3()"
            ></el-checkbox>
            <el-checkbox
              style="width: 10%"
              :label="formThead3.reissueTime.label"
              v-model="formThead3.reissueTime.checked"
              @change="checkboxChanged3()"
            ></el-checkbox>
            <el-checkbox
              style="width: 10%"
              :label="formThead3.reissueAmount.label"
              v-model="formThead3.reissueAmount.checked"
              @change="checkboxChanged3()"
            ></el-checkbox>
            <el-checkbox
              style="width: 10%"
              :label="formThead3.reissueType.label"
              v-model="formThead3.reissueType.checked"
              @change="checkboxChanged3()"
            ></el-checkbox>
          </el-row>
          <el-row>
            <el-checkbox
              style="width: 10%"
              :label="formThead3.operatorName.label"
              v-model="formThead3.operatorName.checked"
              @change="checkboxChanged3()"
            ></el-checkbox>
          </el-row>
          <el-button slot="reference" size="mini" type="primary" icon="el-icon-edit-outline">自定义</el-button>
        </el-popover>
      </el-form-item>
    </el-form>
    <!-- 退卡明细表 -->
    <el-form
      :inline="true"
      :model="elform"
      class="demo-form-inline1"
      v-if="activeName == 'four' ? true : false"
    >
      <el-form-item class="searchmarigin">
        <el-button type="primary" @click="onSubmit" size="mini" icon="el-icon-search">查询</el-button>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" @click="onExport" size="mini" icon="el-icon-document-copy">导出</el-button>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" @click="onPrint" size="mini" icon="el-icon-printer">打印</el-button>
      </el-form-item>
      <el-form-item>
        <el-popover width="500" placement="top" trigger="click">
          <el-row>
            <el-checkbox
              style="width: 10%"
              :label="formThead4.userName.label"
              v-model="formThead4.userName.checked"
              @change="checkboxChanged4()"
            ></el-checkbox>
            <el-checkbox
              style="width: 10%"
              :label="formThead4.departmentName.label"
              v-model="formThead4.departmentName.checked"
              @change="checkboxChanged4()"
            ></el-checkbox>
            <el-checkbox
              style="width: 10%"
              :label="formThead4.userNumber.label"
              v-model="formThead4.userNumber.checked"
              @change="checkboxChanged4()"
            ></el-checkbox>
            <el-checkbox
              style="width: 10%"
              :label="formThead4.cardNumber.label"
              v-model="formThead4.cardNumber.checked"
              @change="checkboxChanged4()"
            ></el-checkbox>
          </el-row>
          <el-row>
            <el-checkbox
              style="width: 10%"
              :label="formThead4.returnCostBalance.label"
              v-model="formThead4.returnCostBalance.checked"
              @change="checkboxChanged4()"
            ></el-checkbox>
            <el-checkbox
              style="width: 10%"
              :label="formThead4.returnManageBalance.label"
              v-model="formThead4.returnManageBalance.checked"
              @change="checkboxChanged4()"
            ></el-checkbox>
            <el-checkbox
              style="width: 10%"
              :label="formThead4.returnCashBalance.label"
              v-model="formThead4.returnCashBalance.checked"
              @change="checkboxChanged4()"
            ></el-checkbox>
            <el-checkbox
              style="width: 10%"
              :label="formThead4.returnBalance.label"
              v-model="formThead4.returnBalance.checked"
              @change="checkboxChanged4()"
            ></el-checkbox>
          </el-row>
          <el-row>
            <el-checkbox
              style="width: 10%"
              :label="formThead4.returnRealityBalance.label"
              v-model="formThead4.returnRealityBalance.checked"
              @change="checkboxChanged4()"
            ></el-checkbox>
            <el-checkbox
              style="width: 10%"
              :label="formThead4.returnTime.label"
              v-model="formThead4.returnTime.checked"
              @change="checkboxChanged4()"
            ></el-checkbox>
            <el-checkbox
              style="width: 10%"
              :label="formThead4.returnOperatorName.label"
              v-model="formThead4.returnOperatorName.checked"
              @change="checkboxChanged4()"
            ></el-checkbox>
          </el-row>
          <el-button slot="reference" size="mini" type="primary" icon="el-icon-edit-outline">自定义</el-button>
        </el-popover>
      </el-form-item>
    </el-form>
    <!-- 充值卡明细 -->
    <el-form
      :inline="true"
      :model="elform"
      class="demo-form-inline1"
      v-if="activeName == 'five' ? true : false"
    >
      <el-form-item class="searchmarigin">
        <el-button type="primary" @click="onSubmit" size="mini" icon="el-icon-search">查询</el-button>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" @click="onExport" size="mini" icon="el-icon-document-copy">导出</el-button>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" @click="onPrint" size="mini" icon="el-icon-printer">打印</el-button>
      </el-form-item>
      <el-form-item>
        <el-popover width="500" placement="top" trigger="click">
          <el-row>
            <el-checkbox
              style="width: 10%"
              :label="formThead5.cardNumber.label"
              v-model="formThead5.cardNumber.checked"
              @change="checkboxChanged5()"
            ></el-checkbox>
            <el-checkbox
              style="width: 10%"
              :label="formThead5.userName.label"
              v-model="formThead5.userName.checked"
              @change="checkboxChanged5()"
            ></el-checkbox>
            <el-checkbox
              style="width: 10%"
              :label="formThead5.userNumber.label"
              v-model="formThead5.userNumber.checked"
              @change="checkboxChanged5()"
            ></el-checkbox>
            <el-checkbox
              style="width: 10%"
              :label="formThead5.departmentName.label"
              v-model="formThead5.departmentName.checked"
              @change="checkboxChanged5()"
            ></el-checkbox>
          </el-row>
          <el-row>
            <el-checkbox
              style="width: 10%"
              :label="formThead5.walletName.label"
              v-model="formThead5.walletName.checked"
              @change="checkboxChanged5()"
            ></el-checkbox>
            <el-checkbox
              style="width: 10%"
              :label="formThead5.rechargeMode.label"
              v-model="formThead5.rechargeMode.checked"
              @change="checkboxChanged5()"
            ></el-checkbox>
            <el-checkbox
              style="width: 10%"
              :label="formThead5.rechargeAmount.label"
              v-model="formThead5.rechargeAmount.checked"
              @change="checkboxChanged5()"
            ></el-checkbox>
            <el-checkbox
              style="width: 10%"
              :label="formThead5.balance.label"
              v-model="formThead5.balance.checked"
              @change="checkboxChanged5()"
            ></el-checkbox>
          </el-row>
          <el-row>
            <el-checkbox
              style="width: 10%"
              :label="formThead5.adjustTime.label"
              v-model="formThead5.adjustTime.checked"
              @change="checkboxChanged5()"
            ></el-checkbox>
            <!-- <el-checkbox style="width:10%" :label="formThead5.cardState.label" v-model="formThead5.cardState.checked" @change="checkboxChanged5()"></el-checkbox> -->
            <el-checkbox
              style="width: 10%"
              :label="formThead5.rechargeState.label"
              v-model="formThead5.rechargeState.checked"
              @change="checkboxChanged5()"
            ></el-checkbox>
          </el-row>
          <el-button slot="reference" size="mini" type="primary" icon="el-icon-edit-outline">自定义</el-button>
        </el-popover>
      </el-form-item>
    </el-form>
    <!-- 减款明细表 -->
    <el-form
      :inline="true"
      :model="elform"
      class="demo-form-inline1"
      v-if="activeName == 'six' ? true : false"
    >
      <el-form-item class="searchmarigin">
        <el-button type="primary" @click="onSubmit" size="mini" icon="el-icon-search">查询</el-button>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" @click="onExport" size="mini" icon="el-icon-document-copy">导出</el-button>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" @click="onPrint" size="mini" icon="el-icon-printer">打印</el-button>
      </el-form-item>
      <el-form-item>
        <el-popover width="500" placement="top" trigger="click">
          <el-row>
            <el-checkbox
              style="width: 10%"
              :label="formThead6.cardNumber.label"
              v-model="formThead6.cardNumber.checked"
              @change="checkboxChanged6()"
            ></el-checkbox>
            <el-checkbox
              style="width: 10%"
              :label="formThead6.userName.label"
              v-model="formThead6.userName.checked"
              @change="checkboxChanged6()"
            ></el-checkbox>
            <el-checkbox
              style="width: 10%"
              :label="formThead6.userNumber.label"
              v-model="formThead6.userNumber.checked"
              @change="checkboxChanged6()"
            ></el-checkbox>
            <el-checkbox
              style="width: 10%"
              :label="formThead6.departmentName.label"
              v-model="formThead6.departmentName.checked"
              @change="checkboxChanged6()"
            ></el-checkbox>
          </el-row>
          <el-row>
            <el-checkbox
              style="width: 10%"
              :label="formThead6.expenditure.label"
              v-model="formThead6.expenditure.checked"
              @change="checkboxChanged6()"
            ></el-checkbox>
            <el-checkbox
              style="width: 10%"
              :label="formThead6.newBalance.label"
              v-model="formThead6.newBalance.checked"
              @change="checkboxChanged6()"
            ></el-checkbox>
            <el-checkbox
              style="width: 10%"
              :label="formThead6.dataMakeTime.label"
              v-model="formThead6.dataMakeTime.checked"
              @change="checkboxChanged6()"
            ></el-checkbox>
            <el-checkbox
              style="width: 10%"
              :label="formThead6.isSuccess.label"
              v-model="formThead6.isSuccess.checked"
              @change="checkboxChanged6()"
            ></el-checkbox>
          </el-row>
          <el-row>
            <el-checkbox
              style="width: 10%"
              :label="formThead6.originBalance.label"
              v-model="formThead6.originBalance.checked"
              @change="checkboxChanged6()"
            ></el-checkbox>
            <el-checkbox
              style="width: 10%"
              :label="formThead6.chargingType.label"
              v-model="formThead6.chargingType.checked"
              @change="checkboxChanged6()"
            ></el-checkbox>
          </el-row>
          <el-button slot="reference" size="mini" type="primary" icon="el-icon-edit-outline">自定义</el-button>
        </el-popover>
      </el-form-item>
    </el-form>
    <!-- 卡务消费修正明细表 -->
    <el-form
      :inline="true"
      :model="elform"
      class="demo-form-inline1"
      v-if="activeName == 'seven' ? true : false"
    >
      <el-form-item class="searchmarigin">
        <el-button type="primary" @click="onSubmit" size="mini" icon="el-icon-search">查询</el-button>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" @click="onExport" size="mini" icon="el-icon-document-copy">导出</el-button>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" @click="onPrint" size="mini" icon="el-icon-printer">打印</el-button>
      </el-form-item>
      <el-form-item>
        <el-popover width="500" placement="top" trigger="click">
          <el-row>
            <el-checkbox
              style="width: 10%"
              :label="formThead7.cardNumber.label"
              v-model="formThead7.cardNumber.checked"
              @change="checkboxChanged7()"
            ></el-checkbox>
            <el-checkbox
              style="width: 10%"
              :label="formThead7.userName.label"
              v-model="formThead7.userName.checked"
              @change="checkboxChanged7()"
            ></el-checkbox>
            <el-checkbox
              style="width: 10%"
              :label="formThead7.userNumber.label"
              v-model="formThead7.userNumber.checked"
              @change="checkboxChanged7()"
            ></el-checkbox>
            <el-checkbox
              style="width: 10%"
              :label="formThead7.departmentName.label"
              v-model="formThead7.departmentName.checked"
              @change="checkboxChanged7()"
            ></el-checkbox>
          </el-row>
          <el-row>
            <el-checkbox
              style="width: 10%"
              :label="formThead7.expenditure.label"
              v-model="formThead7.expenditure.checked"
              @change="checkboxChanged7()"
            ></el-checkbox>
            <el-checkbox
              style="width: 10%"
              :label="formThead7.originBalance.label"
              v-model="formThead7.originBalance.checked"
              @change="checkboxChanged7()"
            ></el-checkbox>
            <el-checkbox
              style="width: 10%"
              :label="formThead7.newBalance.label"
              v-model="formThead7.newBalance.checked"
              @change="checkboxChanged7()"
            ></el-checkbox>
            <el-checkbox
              style="width: 10%"
              :label="formThead7.dataMakeTime.label"
              v-model="formThead7.dataMakeTime.checked"
              @change="checkboxChanged7()"
            ></el-checkbox>
          </el-row>
          <el-row>
            <el-checkbox
              style="width: 10%"
              :label="formThead7.isSuccess.label"
              v-model="formThead7.isSuccess.checked"
              @change="checkboxChanged7()"
            ></el-checkbox>
            <el-checkbox
              style="width: 10%"
              :label="formThead7.cardState.label"
              v-model="formThead7.cardState.checked"
              @change="checkboxChanged7()"
            ></el-checkbox>
          </el-row>
          <el-button slot="reference" size="mini" type="primary" icon="el-icon-edit-outline">自定义</el-button>
        </el-popover>
      </el-form-item>
    </el-form>

    <el-form :inline="true" :model="elform" class="demo-form-inline1" v-if="activeName == 'eight'">
      <el-form-item class="searchmarigin">
        <el-button type="primary" @click="onSubmit" size="mini" icon="el-icon-search">查询</el-button>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" @click="onExport" size="mini" icon="el-icon-document-copy">导出</el-button>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" @click="onPrint" size="mini" icon="el-icon-printer">打印</el-button>
      </el-form-item>
      <el-form-item>
        <el-popover width="500" placement="top" trigger="click">
          <el-row>
            <el-col :span="6" v-for="item in Object.keys(formThead8)" :key="item">
              <el-checkbox
                :label="formThead8[item].label"
                v-model="formThead8[item].checked"
                @change="checkboxChanged8()"
              ></el-checkbox>
            </el-col>
          </el-row>
          <el-button slot="reference" size="mini" type="primary" icon="el-icon-edit-outline">自定义</el-button>
        </el-popover>
      </el-form-item>
    </el-form>
  </div>
</template>

<script>
import bus from '@/bus.js'
export default {
  data() {
    return {
      activeName: '',
      elform: {},
      //同步卡
      formThead: {
        cardNumber: { label: '卡号', prop: 'cardNumber', checked: true },
        userName: { label: '姓名', prop: 'userName', checked: true },
        departmentName: {
          label: '部门',
          prop: 'departmentName',
          checked: true
        },
        walletName: { label: '钱包名称', prop: 'walletName', checked: true },
        oldBalance: {
          label: '原主钱包金额',
          prop: 'oldBalance',
          checked: true
        },
        newBalance: {
          label: '同步后主钱包金额',
          prop: 'newBalance',
          checked: true
        },
        syncTime: { label: '操作时间', prop: 'syncTime', checked: true }
      },
      // 发卡明细
      formThead2: {
        cardNumber: { label: '卡号', prop: 'cardNumber', checked: true },
        userName: { label: '姓名', prop: 'userName', checked: true },
        departmentName: {
          label: '部门',
          prop: 'departmentName',
          checked: true
        },
        userNumber: { label: '人员编号', prop: 'userNumber', checked: true },
        createTime: { label: '发卡时间', prop: 'createTime', checked: true },
        regType: { label: '发卡类型', prop: 'regType', checked: true },
        cardBalance: {
          label: '预存款(元)',
          prop: 'cardBalance',
          checked: true
        },
        // cardState: { label: "卡状态", prop: "cardState", checked: true },
        operatorName: { label: '操作员', prop: 'operatorName', checked: true }
      },
      // 补卡明细
      formThead3: {
        userName: { label: '姓名', prop: 'userName', checked: true },
        departmentName: {
          label: '部门',
          prop: 'departmentName',
          checked: true
        },
        userNumber: { label: '人员编号', prop: 'userNumber', checked: true },
        oldCardNumber: {
          label: '原卡号',
          prop: 'oldCardNumber',
          checked: true
        },
        newCardNumber: {
          label: '新卡号',
          prop: 'newCardNumber',
          checked: true
        },
        reissueTime: { label: '补卡时间', prop: 'reissueTime', checked: true },
        walletName: { label: "钱包名称", prop: "walletName", checked: true },
        reissueAmount: {
          label: '补卡金额(元)',
          prop: 'reissueAmount',
          checked: true
        },
        reissueType: { label: '补卡类型', prop: 'reissueType', checked: true },
        operatorName: { label: '操作员', prop: 'operatorName', checked: true }
      },
      // 退卡明细
      formThead4: {
        userName: { label: '姓名', prop: 'userName', checked: true },
        departmentName: {
          label: '部门',
          prop: 'departmentName',
          checked: true
        },
        userNumber: { label: '人员编号', prop: 'userNumber', checked: true },
        cardNumber: { label: '卡号', prop: 'cardNumber', checked: true },
        walletName: { label: '钱包名称', prop: 'walletName', checked: true },
        returnCostBalance: {
          label: '工本费',
          prop: 'returnCostBalance',
          checked: true
        },
        returnManageBalance: {
          label: '管理费',
          prop: 'returnManageBalance',
          checked: true
        },
        returnCashBalance: {
          label: '押金',
          prop: 'returnCashBalance',
          checked: true
        },
        returnBalance: {
          label: '应退金额',
          prop: 'returnBalance',
          checked: true
        },
        returnRealityBalance: {
          label: '实退金额',
          prop: 'returnRealityBalance',
          checked: true
        },
        returnTime: { label: '退卡时间', prop: 'returnTime', checked: true },
        returnOperatorName: {
          label: '操作员',
          prop: 'returnOperatorName',
          checked: true
        }
      },
      //充值卡明细
      formThead5: {
        cardNumber: { label: '卡号', prop: 'cardNumber', checked: true },
        userName: { label: '姓名', prop: 'userName', checked: true },
        userNumber: { label: '人员编号', prop: 'userNumber', checked: true },
        departmentName: {
          label: '部门',
          prop: 'departmentName',
          checked: true
        },
        walletName: { label: '钱包名称', prop: 'walletName', checked: true },
        rechargeMode: {
          label: '充值类型',
          prop: 'rechargeMode',
          checked: true
        },
        rechargeAmount: {
          label: '充值金额',
          prop: 'rechargeAmount',
          checked: true
        },
        balance: { label: '卡内余额', prop: 'balance', checked: true },
        adjustTime: { label: '操作时间', prop: 'adjustTime', checked: true },
        //  cardState: {label: '卡状态',prop: 'cardState',checked:true},
        rechargeState: {
          label: '交易状态',
          prop: 'rechargeState',
          checked: true
        }
      },
      //减款明细表
      formThead6: {
        cardNumber: { label: '卡号', prop: 'cardNumber', checked: true },
        userName: { label: '姓名', prop: 'userName', checked: true },
        userNumber: { label: '人员编号', prop: 'userNumber', checked: true },
        departmentName: {
          label: '部门',
          prop: 'departmentName',
          checked: true
        },
        walletName: { label: "钱包名称", prop: "walletName", checked: true },
        expenditure: { label: '操作金额', prop: 'expenditure', checked: true },
        originBalance: {
          label: '原卡余额',
          prop: 'originBalance',
          checked: true
        },
        newBalance: { label: '现卡余额', prop: 'newBalance', checked: true },
        chargingType: {
          label: '减款方式',
          prop: 'chargingType',
          checked: true
        },
        dataMakeTime: {
          label: '操作时间',
          prop: 'dataMakeTime',
          checked: true
        },
        isSuccess: { label: '交易状态', prop: 'isSuccess', checked: true }
      },
      //消费修正明细表
      formThead7: {
        cardNumber: { label: '卡号', prop: 'cardNumber', checked: true },
        userName: { label: '姓名', prop: 'userName', checked: true },
        userNumber: { label: '人员编号', prop: 'userNumber', checked: true },
        departmentName: {
          label: '部门',
          prop: 'departmentName',
          checked: true
        },
        walletName: { label: '钱包名称', prop: 'walletName', checked: true },
        expenditure: { label: '操作金额', prop: 'expenditure', checked: true },
        originBalance: {
          label: '原卡余额',
          prop: 'originBalance',
          checked: true
        },
        newBalance: { label: '现卡余额', prop: 'newBalance', checked: true },
        dataMakeTime: {
          label: '操作时间',
          prop: 'dataMakeTime',
          checked: true
        },
        isSuccess: { label: '交易状态', prop: 'isSuccess', checked: true },
        cardState: { label: '卡状态', prop: 'cardState', checked: true }
      },
      //圈存明细表
      formThead8: {
        cardNumber: { label: '卡号', prop: 'cardNumber', checked: true },
        userName: { label: '姓名', prop: 'userName', checked: true },
        userNumber: { label: '人员编号', prop: 'userNumber', checked: true },
        departmentName: {
          label: '部门',
          prop: 'departmentName',
          checked: true
        },
        walletName: { label: '钱包名称', prop: 'walletName', checked: true },
        expenditure: { label: '操作金额', prop: 'expenditure', checked: true },
        originBalance: {
          label: '原卡余额',
          prop: 'originBalance',
          checked: true
        },
        newBalance: { label: '现卡余额', prop: 'newBalance', checked: true },
        dataMakeTime: {
          label: '操作时间',
          prop: 'dataMakeTime',
          checked: true
        },
        // isSuccess: { label: '交易状态', prop: 'isSuccess', checked: true }
      },
      searchInfo: {}
    }
  },
  props: ['userName', 'departmentGuid', 'datetime', 'unitGuid'],
  methods: {
    firstinit(id) {
      this.activeName = id
    },
    // 查询
    onSubmit() {
      this.$emit('refreshDataList', this.activeName)
    },
    // 导出
    onExport() {
      this.$emit('exporotDataList', this.activeName)
    },
    // 打印
    onPrint() {
      this.$emit('printList', this.activeName)
    },
    // 同步卡
    checkboxChanged() {
      bus.$emit('listenToA', this.formThead)
    },
    //发卡明细
    checkboxChanged2() {
      bus.$emit('listenToA2', this.formThead2)
    },
    onExport2() {},
    //补卡明细
    checkboxChanged3() {
      bus.$emit('listenToA3', this.formThead3)
    },

    // 退卡明细
    checkboxChanged4() {
      bus.$emit('listenToA4', this.formThead4)
    },

    //充值明细
    checkboxChanged5() {
      bus.$emit('listenToA5', this.formThead5)
    },

    //减款明细
    checkboxChanged6() {
      bus.$emit('listenToA6', this.formThead6)
    },

    //消费修正明细表
    checkboxChanged7() {
      bus.$emit('listenToA7', this.formThead7)
    },
    //圈存明细表
    checkboxChanged8() {
      bus.$emit('listenToA8', this.formThead8)
    }
  }
}
</script>

<style lang="scss" scoped>
.demo-form-inline1 {
  height: 36px;
  // line-height: 36px;
}
</style>